<template>
  <div class="header">
    <router-link tag="div" to="/" class="header__back">
      <div class="iconfont">&#xe60a;</div>
    </router-link>
    <div class="header__title">增删查改页</div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: 'ActionHeader'
}
</script>

<style lang="scss" scoped>
  @import "~styles/scss/variable.scss";
  @import "~styles/scss/mixins.scss";
  .header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    height: $header-default-height;
    background: $color-primary;
    color: #fff;
    &__back {
      position: absolute;
      height: $header-default-height;
      line-height: $header-default-height;
      padding: 0 .3rem 0 .1rem;
    }
    &__title {
      text-align: center;
      height: $header-default-height;
      line-height: $header-default-height;
      @include ellipsis();
    }
  }
</style>
